/*
 * @NOTE: Prepend a `~` to css file paths that are in your node_modules
 *        See https://github.com/webpack-contrib/sass-loader#imports
 */
@import '~@fortawesome/fontawesome-free/css/all.css';
@import '~antd/dist/antd.css';

body {
  position: relative;
  color: white;
  height: 100vh;
  background-color: #232c39;
  background-image: linear-gradient(
    45deg,
    rgba(0, 216, 255, 0.5) 10%,
    rgba(0, 1, 127, 0.7)
  );
  font-family: Arial, Helvetica, Helvetica Neue, serif;
  overflow-y: hidden;
}

#root {
  height: 100%;
}

h2 {
  margin: 0;
  font-size: 2.25rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  color: #fff;
}

p {
  font-size: 24px;
}

li {
  list-style: none;
}

a {
  color: white;
  opacity: 0.75;
  text-decoration: none;
}

a:hover {
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
}

*::-webkit-scrollbar {
  /* 滚动条整体样式 */
  width: 5px;

  /* 高宽分别对应横竖滚动条的尺寸 */
  height: 1px;
}

*::-webkit-scrollbar-thumb {
  /* 滚动条里面小方块 */
  border-radius: 10px;
  background-color: rgba(172, 15, 15, 0.795);
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.1),
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1),
    transparent 75%,
    transparent
  );
}
